<!-- 菜单搜索 -->
<template>
    <div class="selectSearch">
        <Select v-model="model" filterable placeholder="输入菜单名称进行搜索">
            <Option v-for="item in cityList" :value="item.value" :key="item.value">{{ item.label }}</Option>
        </Select>
    </div>
</template>

<script>
export default {
    components: {},
    data() {
        return {
            cityList: [
                {
                    value: 'New York',
                    label: 'New York'
                },
                {
                    value: 'London',
                    label: 'London'
                },
                {
                    value: 'Sydney',
                    label: 'Sydney'
                },
                {
                    value: 'Ottawa',
                    label: 'Ottawa'
                },
                {
                    value: 'Paris',
                    label: 'Paris'
                },
                {
                    value: 'Canberra',
                    label: 'Canberra'
                }
            ],
            model: ''
        }
    },

    methods: {}
}
</script>

<style lang="scss" >
.selectSearch {
    .ivu-select-single {
        border: none !important;
        background-color: transparent !important;
        outline: none !important;
        box-shadow: none !important;
        .ivu-select-selection {
            outline: none !important;
            box-shadow: none !important;
            border: none !important;
            background-color: transparent !important;
            div {
                outline: none !important;
                box-shadow: none !important;
                border: none !important;
                background-color: transparent !important;
            }
            &:hover {
                outline: none !important;
                box-shadow: none !important;
                border: none !important;
                background-color: transparent !important;
            }
        }
    }
}
</style>
